﻿@model ZdSoft.Model.User
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>OnlineStudy Login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- CSS -->
    <link href="../Content/reset.css" rel="stylesheet" />
    <link href="../Content/supersized.css" rel="stylesheet" />
    <link href="../Content/style.css" rel="stylesheet" />
    <link href="~/Content/layer.css" rel="stylesheet" />
</head>
<body>

    <div class="page-container">
        <h1>Online Study System</h1>
        @using (Html.BeginForm("Login", "User", "Post"))
        {
            @Html.TextBoxFor(m => m.Account, new { @class = "account", @name = "account", @placeholder = "Account" })
            @Html.PasswordFor(m => m.Password, new { @class = "password", @name = "password", @placeholder = "Password" })
            <button type="submit" id="login">Login in</button>
            <p style="margin-top:24px;"><a href="javascript:" id="register">Have No Account?</a></p>
            <div class="error"><span>+</span></div>
        }

        <div class="connect">
            <p>Or connect with:</p>
            <p>
                <a class="QQ" href=""></a>
                <a class="facebook" href=""></a>
                <a class="twitter" href=""></a>
            </p>
        </div>
    </div>
    <!-- Javascript -->
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/layer.js"></script>
    <script src="../Scripts/supersized.3.2.7.min.js"></script>
    <script src="../Scripts/supersized-init.js"></script>
    <script src="../Scripts/scripts.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#register").click(function () {
                //自定页
                layer.open({
                    type: 2,
                    title: "Online Study System Register",
                    skin: 'demo-class', //样式类名
                    offset: "100px",
                    closeBtn: 0, //不显示关闭按钮
                    shift: 2,
                    scrollbar: false,
                    resize: false,
                    area: ['380px', '420px'], //宽高
                    shadeClose: false, //开启遮罩关闭
                    fixed: true,
                    content: ["http://localhost:24833/User/Register", 0]
                    //btn: ['关闭', '确认注册'],
                    //yes: function (index, layero) {
                    //    layer.closeAll();
                    //},
                    //btn2: function (index, layero) {
                    //    $.post("../User/Register", "", function () { });
                    //    layer.msg("注册成功");
                    //}
                });
            });

        });

    </script>
</body>
</html>
